<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>框架界面</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
		<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="css/kuangjia.css" />
	</head>
	<body>

		<!-- 框架部分 -->
		<div class="c1">
			<!-- 插入左边小树并且改变原有的字儿改为人员管理系统 -->
			<div class="c2">
				<p>
					<font size="6" color="white">人员管理系统</font>
				</p>
			</div>
			<!-- 插入右上方小人 -->
			<div style="float: left; "><img alt="小人" src="images/a.png" width="80.5%" style="border-radius: 100px;"></div>
			<!-- 插入小人旁边的工具栏图片 -->
			<div style="float: left;background: url(images/user_info.png);
			background-size: 100% 100%;width: 15%;height: 100%;">
				<!-- admin通知字的插入·及旁边的三条通知图案 -->
				<div style="margin-left: 15%;margin-top: 21%;">
					<p>
						<font color="white">admin&nbsp;&nbsp;&nbsp;通知</font>
					</p>
					<div style="background-color: red;width: 8%;margin-top: -18%;margin-left: 60%;">
						<font color="white">3</font>
					</div>
				</div>
			</div>
		</div>

		<!-- 左边导航 -->

		<div style="width: 100%;height: 800px;">
			<!-- 导航列表 -->
			<div style="width: 20%;margin-top: 65px;float: left;background-color: white;height:570px;">
				<!-- 插入功能菜单图片 -->
				<img alt="功能菜单" src="images/menu.gif" width="74%" style="margin-top: 5.8%;" />
				<ul id="nav">

					<li >人员信息管理
					<ul style="list-style: none;">
						<li><a href="peoplexinxi.html" target="zhongbu">人员信息</a></li>
						<li><a href="xinxijia.html" target="zhongbu">添加信息</a></li>
						<li><a href="qiyxinxi.html" target="zhongbu">启用信息</a></li>
					</ul>
                    </li><br /><br /><br /><br /><br /><br />
					<li>出勤管理
					<ul style="list-style: none;">
						<li><a href="cqq.html" target="zhongbu">出勤情况</a></li>
						<li><a href="attenevmo.html" target="zhongbu">每月出勤</a></li>
						<li><a href="attenevday.html" target="zhongbu">当日出勤</a></li>
					</ul>
                    </li><br /><br /><br /><br /><br /><br />
					<li>系统管理
					<ul style="list-style: none;">
						<li><a href="jsgl.html" target="zhongbu">角色管理</a></li>
						<li><a href="qxgl.html" target="zhongbu">权限管理</a></li>
						<li><a href="jsfp.html" target="zhongbu">角色分配</a></li>
						<li><a href="dlrz.html" target="zhongbu">登录日志</a></li>
						<li><a href="xtpz.html" target="zhongbu">系统配置</a></li>
					</ul>
					</li>
				</ul>
			</div>

			<div>
				<iframe name="zhongbu" style="width: 85.1%;margin-left: 14.8%;height: 650px;margin-top: -555px;"frameborder="1"></iframe>
			</div>
		</div>
	</body>
</html>
